/* 页面卡片样式*/
.page_card {
  flex: 1;
  box-shadow: none !important;
}

.page_card:hover {
  box-shadow: 0px 0px 12px #0000001f !important;
}

/* 分页样式*/
.el-pagination.is-background .el-pager li.is-active {
  background-color: #626aef !important;
  border-color: #626aef !important;
}

/* 输入框、下拉框样式*/
.el-input__wrapper {
  --el-input-focus-border-color: #626aef;
}

.el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px #626aef !important;
}

.el-select-dropdown__item.is-selected {
  color: #626aef !important;
}

/* 表头背景样式*/
.el-table th.el-table__cell {
  background-color: #F0EFFF !important;
}

.el-table .cell {
  color: #666 !important;
}

/* 表格样式 */
.el-table {
  margin: 10px 0px;
}

/* 开关样式 */
.el-switch.is-checked .el-switch__core {
  background-color: #626aef !important;
  border-color: #626aef !important;
}

.el-switch__label.is-active {
  color: #626aef !important;
}

/* 操作按钮颜色 */
.el-button--primary.is-link {
  color: #626aef !important;
}

/* 滚动条样式 */
/* 整个滚动条 */
::-webkit-scrollbar {
  width: 8px;
  /* 水平滚动条的高度 */
  height: 8px;
  /* 垂直滚动条的宽度 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  /* background: #f1f1f1; */
  background-color: rgba(255, 255, 255, 0.4)
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background: #C1C1C1;
  /* 滑块颜色 */
  border-radius: 4px;
  /* 给滑块添加圆角 */
}

/* 滑块hover效果 */
::-webkit-scrollbar-thumb:hover {
  background: #C2C2C2;
  /* 滑块hover颜色 */
}

/* 鼠标悬停在div上时显示滚动条 */
div:hover::-webkit-scrollbar-thumb {
  display: block;
  /* 鼠标悬停时显示滚动条 */
}

/* 鼠标离开div时隐藏滚动条 */
div:not(:hover)::-webkit-scrollbar-thumb {
  display: none;
  /* 鼠标离开时隐藏滚动条 */
}

/* 鼠标悬停在div上时显示滚动条背景 */
div:hover::-webkit-scrollbar-track {
  display: block;
  /* 鼠标悬停时显示滚动条 */
}

/* 鼠标离开div时隐藏滚动条背景 */
div:not(:hover)::-webkit-scrollbar-track {
  display: none;
  /* 鼠标离开时隐藏滚动条 */
}